<template>
  <div>
    <el-row :gutter="20" style="padding-left: 20px;margin: 0" >
      <h2 class="subtitle" style="margin-top: 20px; margin-left: 5px">Personal Information Management</h2>
    </el-row>
    <el-tabs v-model="activeName" style="margin: 0 20px">
      <el-tab-pane label="Data Management" name="first">
        <data-management></data-management>
      </el-tab-pane>
      <el-tab-pane label="Import from Excel" name="third">
        <excel-import></excel-import>
      </el-tab-pane>
    </el-tabs>
  </div>
</template>

<script>
import dataManagement from './dataManagement'
import excelImport from '@/components/excelImport'
export default {
  name: 'homepage',
  components: {
    dataManagement,
    excelImport
  },
  data () {
    return {
      activeName: 'first',
      userType: null
    }
  },
  methods: {
  }
}
</script>

<style scoped>

</style>
